import { h, thunk, init } from "snabbdom";

// 1. hello world

// 2.div 中放置子元素

let patch = init([]);

// 第一个参数：标签+选择器
// 第二个参数：如果是字符串的话就是标签中的内容
let vnode = h("div#container.cls", "hello World");

let app = document.querySelector("#app");

// 第一个参数：可以是DOM元素，内部会把DOM元素转换成VNode
// 第二个参数：vnode
// 返回值：vnode
let oldVnode = patch(app, vnode);

vnode = h("div", "Hello Snabbdom");
setTimeout(() => {
  vnode = h("div#container", [h("h1", "hello World"), h("p", "hello p")]);

  // 清空页面元素
  patch(oldVnode, null);
  patch(oldVnode, h("!"));
}, 2000);

patch(oldVnode, vnode);
